<div class="row">
  <div class="col-sm-3 col-md-6 col-lg-4 col-xl-4" *ngFor="let item of products">
    <div class="card">
      <img class="card-img-top" [src]="item.imgSrc" alt="Card image cap">
      <div class="card-body">
        <h5 class="card-title"><span class="pull-right">{{item.price}}</span><a href="#">{{item.title}}</a></h5>
        <app-stars [rating]="item.ratings" ></app-stars>
        <p class="card-text">{{item.describe}}</p>
        <a href="#" class="btn btn-primary">Go somewhere</a>
      </div>
    </div> 
    <h4>&nbsp;</h4>   
  </div>
</div>